<template>
  <a-layout-content id="ItemSetting" style="position: relative;">
    <a-tabs type="line">
      <a-tab-pane key="1">
        <template #title>
          <icon-layers />
          组件设置
        </template>
        <component
          :is="config.settingComponent"
          v-model:config="config"
        />
      </a-tab-pane>
      <a-tab-pane key="2">
        <template #title>
          <icon-apps />
          表单设置
        </template>
        <form-setting v-model:form-config="formConfig" />
      </a-tab-pane>
    </a-tabs>
  </a-layout-content>
</template>

<script lang="ts" setup>
import { defineModel } from 'vue';

import FormSetting from '@/components/form-design/item-setting/form-config.vue';

const config = defineModel('config', { type: Object });

const formConfig = defineModel('formConfig', { type: Object, default: {} });

</script>

<script lang="ts">
export default {
  name: 'ItemSetting'
};
</script>

<style scoped>

</style>